<div class="container">
    <div class="banner">
        <div class="head">
            <div class="logo"><img src="https://fes.qyerstatic.com/_plan_/desktop/home/img/logo.png" alt=""></div>
            <div class="right">
                <ul>
                    <li>使用帮助</li>
                    <li>APP下载</li>
                    <li>免费私人订制</li>
                    <li>企业版</li>
                </ul>
            </div>
        </div>
        <div class="bottom">
            <img src="https://fes.qyerstatic.com/_plan_/desktop/home/img/banner-2-txt.png" alt="">
            <div class="big-p">
                <img src="./images/1676713204485.png" alt="" class="first">
                <img src="https://fes.qyerstatic.com/_plan_/desktop/home/img/doodles/d_plan.png" alt="" class="second">
            </div>
            <button>创建你的行程</button>
        </div>

    </div>
    <div class="main">
        <h2>不想自己做行程,为什么不看看别人的?</h2>
        <div class="trip">
            <ul>
                <li class="place">
                    <p>目的地:</p>
                    <ul>
                        <li></li>
                    </ul>
                </li>
                <li class="travel-time">
                    <p>出行时间:</p>
                    <ul></ul>
                </li>
                <li class="travel-days">
                    <p>出行天数:</p>
                    <ul></ul>
                </li>
                <li class="travel-city">
                    <p>出发城市:</p>
                    <ul></ul>
                </li>
                <li class="travel-theme">
                    <p>行程主题:</p>
                    <ul></ul>
                </li>
                <li class="travel-grade">
                    <p>精华等级:</p>
                    <ul></ul>
                </li>
            </ul>
        </div>
        <div class="plan">
            <div class="top">
                <ul class="order">
                    <li class="active">默认排序</li>
                    <li>浏览次数最多</li>
                    <li>复制次数最多</li>
                </ul>
                <div class="search">
                    <p>150个行程</p>
                    <input type="text" placeholder="在当前结果下搜索">
                </div>
            </div>
            <div class="note">
                <ul>
                    <li>
                        <div class="img">
                            <img src="" alt="">
                            <div class="left">
                                <p></p>
                            </div>
                            <div class="right">
                                <div></div>
                                <div></div>
                            </div>
                        </div>
                        <div class="text">
                            <div class="head">
                                <div></div>
                                <div></div>
                            </div>
                            <div class="pl"><span></span></div>
                            <div class="user">
                                <div class="uname"></div>
                                <div class="view">
                                    <div></div>
                                    <div></div>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>